//Vuex 状态管理

import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex) //将Vuex插入到Vue中

const store =new Vuex.Store({
	//步骤  页面-->actions-->mutations-->state修改数据源
	//数据源
	state:{
		historyLists:[],
		uid:''
	},
	//改变数据源数据
	mutations:{
		SET_HISTORY_LISTS(state,history){
			state.historyLists=history    //history为新值,state.historyList为旧值
		},
		DELETE_HISTORY_LISTS(state){
			state.historyLists=[]
		}
	},
	//页面实际调用这个actions对象
	actions:{
		//保存历史记录
		set_history({commit,state},history){
			//获取当前数据源中的数据，然后追加一条到最前面
			let list=state.historyLists
			list.unshift(history)
			//commit调用mutations中的方法
			commit('SET_HISTORY_LISTS',list)
		},
		//清空历史记录
		delete_history_lists({commit,state}){
			commit('DELETE_HISTORY_LISTS')
		}
	}
})

export default store